import React, { Component } from "react"
import { Card, Tabs } from "antd"
import PasswdForm from "./PasswdForm"
import MobileForm from "./MobileForm"
import "@/assets/css/login.css"
class Index extends Component {
    render() {
        const { TabPane } = Tabs
        return (
            <div id="container">
                <Card id="loginCard">
                    <Tabs defaultActiveKey="1" centered size="large" tabBarGutter={100}>
                        <TabPane tab="密码登录" key="1">
                            <PasswdForm />
                        </TabPane>
                        <TabPane tab="短信登录" key="2">
                            <MobileForm />
                        </TabPane>
                    </Tabs>
                </Card>
            </div>
        )
    }
}

export default Index
